<!doctype html>
<html class="no-js fixed-layout" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>程序猿张先森 | 后台管理</title>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/favicon.ico">

    <link href="https://lib.baomitu.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/admin.css">
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/superadmin.css">
    <link rel="stylesheet" href="css/plugs_paging.css">
    <link href="https://lib.baomitu.com/font-awesome/5.8.0/css/fontawesome.min.css" rel="stylesheet">

    <script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="https://lib.baomitu.com/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>

    <!--引入共有头部-->
    <div th:replace="header :: header"></div>

    <!--页面主体内容-->
    <div class="am-cf admin-main" style="padding-top: 0">

        <!--左侧-->
        <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
            <div class="am-offcanvas-bar admin-offcanvas-bar">
                <ul class="superAdminList am-list admin-sidebar-list">
                    <li class="superAdminClick statistics"><a><span class="am-icon-home"></span> 仪表盘</a></li>
                    <li class="article admin-parent">
                        <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 文章管理 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                        <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
                            <li class="superAdminClick articleManagement"><a class="am-cf"><span class="am-icon-check"></span> 文章管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>

                            <li class="superAdminClick articleThumbsUp"><a><span class="am-icon-thumbs-up"></span> 点赞管理</a></li>
                            <li class="superAdminClick articleCategories"><a><span class="am-icon-th"></span> 分类管理</a></li>
                        </ul>
                    </li>
                    <li class="superAdminClick friendLink"><a><span class="am-icon-users"></span> 友链管理</a></li>
                    <li class="superAdminClick userFeedback"><a><span class="am-icon-table"></span> 反馈</a></li>
                    <li class="superAdminClick privateWord" style="width: 100%"><a><span class="am-icon-pencil-square-o"></span> 悄悄话</a></li>
                </ul>

                <div class="am-panel am-panel-default admin-sidebar-panel">
                    <div class="am-panel-bd">
                        <p><span class="am-icon-bookmark"></span> 公告</p>
                        <p>时光静好，与君语；细水流年，与君同。—— 张先森</p>
                    </div>
                </div>

            </div>
        </div>

        <!--右侧-->
        <div class="admin-content">
            <div class="superAdminInfo">
                <div class="superFunction" id="statistics">
                    <div class="subject">
                        <ol class="am-breadcrumb  am-breadcrumb-slash">
                            <li class="am-active am-icon-home"> 后台管理</li>
                            <li class="am-active">仪表盘</li>
                        </ol>
                        <ul class="am-avg-sm-1 am-avg-md-4 am-margin am-padding am-text-center admin-content-list ">
                            <li><a href="#" class="am-text-success"><span class="am-icon-btn am-icon-meh-o"></span><br/>总访问量<br/><span class="allVisitor"></span></a></li>
                            <li><a href="#" class="am-text-warning"><span class="am-icon-btn am-icon-recycle"></span><br/>昨日访问<br/><span class="yesterdayVisitor">-1</span></a></li>
                            <li><a href="#" class="am-text-danger"><span class="am-icon-btn am-icon-user-md"></span><br/>总用户量<br/><span class="allUser"></span></a></li>
                            <li><a href="#" class="am-text-secondary"><span class="am-icon-btn am-icon-file-text"></span><br/>文章量<br/><span class="articleNum"></span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="superFunction" id="articleManagement">
                    <div class="subject">
                        <div class="articles">
                            <div class="am-g">
                                <div class="am-u-sm-12 " style="padding-left: 0;">
                                    <ol class="am-breadcrumb  am-breadcrumb-slash">
                                        <li class="am-active am-icon-home"> 后台管理</li>
                                        <li class="am-active">文章管理</li>
                                    </ol>
                                    <div class="articleManagementTable">
                                        <table class="table am-table am-table-bd am-table-striped admin-content-table  am-animation-slide-right">
                                            <thead>
                                            <tr>
                                                <th>文章标题</th><th>发布时间</th><th>文章分类</th><th>浏览量</th><th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody class="tables">

                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="superFunction" id="articleThumbsUp">
                    <div class="subject">
                        <div class="thumbsUpManagement">
                            <ol class="am-breadcrumb  am-breadcrumb-slash navigationBar">
                                <li class="am-active am-icon-home"> 后台管理</li>
                                <li class="am-active">点赞管理</li>
                            </ol>
                            <div class="msgContent am-animation-slide-right">
                                <!--填充文章点赞信息-->
                                <div style="height: 800px;">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="superFunction" id="articleCategories">
                    <div class="subject">
                        <div class="articleCategoriesManagement">
                            <ol class="am-breadcrumb  am-breadcrumb-slash navigationBar">
                                <li class="am-active am-icon-home"> 后台管理</li>
                                <li class="am-active">分类管理</li>
                            </ol>
                            <div class="categoryContent">
                                <!--分类管理-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="superFunction" id="friendLink">
                    <div class="subject">
                        <div class="friendLinkManagement">
                            <ol class="am-breadcrumb  am-breadcrumb-slash navigationBar">
                                <li class="am-active am-icon-home"> 后台管理</li>
                                <li class="am-active">友链管理</li>
                            </ol>
                            <div class="friendLinkContent">
                                <!--填充友链信息-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="superFunction" id="userFeedback">
                    <div class="subject">
                        <div class="userFeedbackManagement">
                            <ol class="am-breadcrumb  am-breadcrumb-slash">
                                <li class="am-active am-icon-home"> 后台管理</li>
                                <li class="am-active">反馈管理</li>
                            </ol>
                            <div class="userFeedbackInfo">
                                <div class="feedbackInfos  am-animation-slide-right">

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="superFunction" id="privateWord">
                    <div class="subject">
                        <ol class="am-breadcrumb  am-breadcrumb-slash">
                            <li class="am-active am-icon-home"> 后台管理</li>
                            <li class="am-active">悄悄话</li>
                        </ol>
                        <div class="privateWord">
                        </div>
                    </div>
                </div>
            </div>

            <footer class="admin-content-footer">
                <hr>
                <p class="am-padding-left">&copy; 2018-2019 程序猿张先森 - <i class="am-icon-coffee" style="margin: 0 5px"></i>张海洋 版权所有</p>
            </footer>
        </div>

        <!--消息盒子+反馈-->
        <div th:replace="other :: other"></div>

        <!--删除文章模态框-->
        <div class="am-modal am-modal-confirm" tabindex="-1" id="deleteAlter">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">删除文章</div>
                <div class="am-modal-bd">
                    你确定要删除吗？删除了就无法恢复了呦!
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="sureArticleDeleteBtn am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>

        <!--添加分类模态框-->
        <div class="am-modal am-modal-prompt" tabindex="-1" id="addCategory">
            <div class="am-modal-dialog">
                <div class="top am-modal-hd">添加分类</div>
                <div class="am-modal-bd">
                    <span class="describe">输入需要添加的分类名：</span>
                    <input type="text" class="am-modal-prompt-input">
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn" data-am-modal-confirm>提交</span>
                </div>
            </div>
        </div>

        <!--删除分类模态框-->
        <div class="am-modal am-modal-prompt" tabindex="-1" id="subCategory">
            <div class="am-modal-dialog">
                <div class="top am-modal-hd">删除分类</div>
                <div class="am-modal-bd">
                    <span class="describe">输入需要删除的分类名：</span>
                    <input type="text" class="am-modal-prompt-input">
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn" data-am-modal-confirm>提交</span>
                </div>
            </div>
        </div>

        <!--增加友链模态框-->
        <div class="am-modal am-modal-alert" tabindex="-1" id="addFriendLink">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">添加友链</div>
                <span>博主：</span>
                <input id="blogger" type="text" class="am-modal-prompt-input">
                <span>博客地址：</span>
                <input id="url" type="text" class="am-modal-prompt-input">
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="sureFriendLinkAddBtn am-modal-btn">确定</span>
                </div>
            </div>
        </div>

        <!--删除友链模态框-->
        <div class="am-modal am-modal-confirm" tabindex="-1" id="deleteFriendLink">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">删除友链</div>
                <div class="am-modal-bd">
                    你确定要删除吗？删除了就无法恢复了呦!
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="sureFriendLinkDeleteBtn am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>
    </div>

    <!--手机适配显示左侧按钮-->
    <a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<script src="js/all.js"></script>
<script src="js/plugs_paging.js"></script>
<script src="js/superadmin.js"></script>
</body>
</html>
